@import './base.less';
@import './common.less';
body {
  background-color: #fff;
}
header {
  .title {
    color: rgb(0, 0, 0);
    background-color: #fff;
  }
  .search {
    padding: 2.6667vw;
    height: 13.3333vw;
    width: 100%;
    background-color: #fff;
    a {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 8.5333vw;
      border-radius: 4.2667vw;
      background-color: #f7f7f7;
      font-size: 3.4667vw;
      color: #999;
      p {
        margin-left: 0.8vw;
      }
    }
  }
}

// 主体
.main {
  position: fixed;
  height: 177.8667vw;
  display: flex;
  padding: 25.3333vw 0 13.3333vw;
  font-size: 3.4667vw;
  color: #444;

  .left_list {
    width: 22.9333vw;
    background-color: #f8f8f8;
    text-align: center;
    overflow: auto;
    // 隐藏滚动条
    &::-webkit-scrollbar {
      display: none; //谷歌适合
    }
    .left_item {
      height: 12vw;
      line-height: 12vw;
      &.active {
        color: #fa2209;
        background-color: #fff;
        font-size: 3.7333vw;
      }
    }
  }
  .right_pic {
    flex: 1;
    padding-top: 1.8667vw;
    overflow: auto;
    &::-webkit-scrollbar {
      display: none;
    }
    .right_sc {
      display: flex;
      flex-wrap: wrap;
      .right_item {
        padding: 8px 8px 2px 8px;
        margin-bottom: 4vw;
        width: 33.33%;
        text-align: center;
      }
    }
  }
}
